<template>
  <div class="">
    <div class="w">
      <div class="bos">
        <span>
          <img src="@/assets/icon/logo.png" alt="" class="im" />
        </span>
        <div class="vvl">
          <ul>
            <li @click="$router.push('/home')">首页</li>
            <li @click="$router.push('/list')">全部商品</li>
            <li @click="$router.push('/my')">关于我们</li>
          </ul>
          <div>
            <el-input
              v-model="input"
              placeholder="请输入内容"
              class="inp"
              @keydown.13="dow"
            ></el-input>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      input: "",
    };
  },
  mounted() {},
  methods: {},
};
</script>

<style lang='scss'>
.im {
  width: 189px;
  height: 59px;
}
.w {
  width: 1200px;
  margin: auto;
}
.bos {
  width: 100%;
  height: 100px;
  line-height: 50px;
  display: flex;
  //   border-bottom: 1px solid gray;
}
.ele {
  width: 100%;
}
.vvl {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-bottom: gray 1px solid;
  display: flex;
  justify-content: center;
  ul {
    display: flex;
    justify-content: space-around;
    width: 70%;
    color: rgb(117, 116, 116);
    > li {
      flex: 1;
      font-size: 15px;
    }
  }
  div {
    margin-top: -30px;
  }
}

.inp {
  width: 200px;
}
</style>
